@import "../../assets/scss/variables";
@import "../../assets/scss/mixin";
.container {
  height: 100%;
  &__content{
    background-color: #40444f;
    padding-bottom: $padding-small;
    &-form{
      padding-top:$padding-base;
      &-item{
        display: flex;
        align-items: center;
        padding: $padding-small $padding-medium;
      }
      &-title{
        font-size: $font-size-base;
        color: $color-white;
      }
      &-container{
        font-size: $font-size-base;
        color: #24c278;
        border-bottom: 1px solid #d7dce2;
        &.active{
          border-color: #24c278;
        }
        &.time-picker{
          display: flex;
          border-bottom:none;
        }
        .item{
          margin-right: 20rpx;
          border-bottom: 1px solid #24c278;
        }
      }
    }
    &-action{
      display: flex;
      justify-content: center;
      &-button{
        width: 50%;
        height: 60rpx;
        line-height: 60rpx;
        background-color: #01bef5;
        color: #fff;
        border-radius: 10rpx;
        font-size: 30rpx;
        text-align: center;
      }
    }
  }
  &__footer{
    padding: $padding-small $padding-base;
    &-title{
      font-size: $font-size-base;
      color: $color-white;
      line-height: 60rpx;
    }
  }
}
